<script type="text/javascript">
	var userEdJs = null;
	$(document).ready(function() {
		userEdJs = new userEditJs($("#userEditDiv"));
	});
</script>
<div id="userEditDiv" style="height: 100%;">
	<div class="hint-content" style="width:100%;height:calc(100% - 70px);">
       <div class="one-case">
            <div class="info-case01">
              <div class="hint-text">
                 <label>用户名称：</label> <input class="k-textbox" type="text" data-bind="value:userName"
				validationMessage="用户名为必填且不能包含特殊字符"  required
				pattern="^[\u4e00-\u9fa5A-Za-z0-9-_]*$" />
               </div>
               <div class="hint-text">
                 <label>登录账户：</label> <input class="k-textbox" type="text" data-bind="value:userAccount"
				validationMessage="账户名为必填且只能为大小写因为字母、数字、中划线、下划线"  maxlength="20" required
				pattern="^[A-Za-z0-9-_]*$" />
               </div>
               <div class="hint-text">
                 <label>登录密码：</label> <input class="k-textbox" type="password" 
				data-bind="value:pwd"  maxlength="20" required
				validationMessage="登录密码为必填项且只能为字母、数字、中划线、下划线"
				pattern="^[A-Za-z0-9-_]*$" />
               </div>
               <div class="hint-text">
                 <label>确认密码：</label>  <input class="k-textbox" type="password" ck="ckPS"/>
               </div>
               <div class="hint-text">
                 <label>状态：</label>  <input class="k-textbox" style="border:none" type="text" data-bind="value:status"/>
               </div>
<!--                <div class="hint-text"> -->
<!--                  <label>类型：</label>  <input class="k-textbox" style="border:none" type="text" data-bind="value:userType"/> -->
<!--                </div> -->
               <div class="hint-text">
                 <label>联系电话：</label> <input class="k-textbox" type="text" validationMessage="联系电话必须为11位手机号或者8位坐机号" pattern="^(([0-9]{8})|(1[0-9]{10}))$" maxlength="11" data-bind="value:mobile" />
               </div>
               <div class="hint-text">
               	  <label>邮箱地址：</label> <input class="k-textbox" type="text" validationMessage="邮箱地址格式不正确,应为：xxx@xx.xxx" pattern="[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?" maxlength="50" data-bind="value:email" />
               </div>
            </div>
            <div class="upload-case">
               <img width="115" height="115" src="images/icon-default.png" />
               <a class="choose">选择头像</a>
               <a class="upload">上传头像</a>
            </div>
            <div class="info-case02">
               <div class="hint-text">
                 <label>联系地址：</label> <input class="k-textbox" type="text" maxlength="50" data-bind="value:addr" style="width: 300px" />
               </div>
               <div class="hint-text">
                 <label>备注：</label> <textarea class="k-textbox" style="resize: none;width: 300px;" rows="3" cols="50" data-bind="value:remark" maxlength="100"></textarea>
               </div>
            </div>
       </div>
       <div class="treeCase" style="width: calc(100% - 490px - 10px);height:calc(100% - 1px); float:left;border-bottom: none;">
           <div class="title">所属组织</div>
	       <div id="userRoleTree" style="height: 250px;overflow-y:auto">
	          <div id="departmentTreeView"></div>
	       </div>
	       <div class="title" style="border-top:1px solid #c5c5c5">拥有角色</div>
	       <div id="userRoleView" style="height: 149px;overflow-y:auto">
	       
	       </div>
       </div>
       
    </div>
    <!--确定、取消btn-->
    <div class="basicInfo-btn">
       <button class="save" data-bind="click:saveUserInfo">确定</button>
       <button class="cancel" data-bind="click:cancelSave">取消</button>
    </div>
</div>